.code-page {
  width: 100%;
  height: 100vh;
  padding-top: 20px;
  background: rgba(0, 0, 0, .1);

  .code-form {
    margin: 0 auto;
    width: calc(90% - 40px);
  }

  .generation-code {
    height: 630px;
    margin: 0 auto;
    display: flex;
    padding: 20px;
    flex-direction: column;
    background: white;
    width: calc(90% - 80px);

    .code-area {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .hint {
      color: black;
    }

    .operation-area {
      height: 80px;
      display: flex;
      //color: deepskyblue;
      align-items: center;
      //border: 1px solid skyblue;
      justify-content: center;
    }
  }
}
